<template>
    <view class="step0-box step-box">
        <YNavbar title="基础信息"> </YNavbar>
        <up-tr>
            <up-th>作业名称</up-th>
            <up-td>重庆西 站 上水、静态、灯具 设备维修作业</up-td>
        </up-tr>
        <up-tr>
            <up-th>开始时间</up-th>
            <up-td>2025-09-12 00:30</up-td>
        </up-tr>
        <up-tr>
            <up-th>结束时间</up-th>
            <up-td>2025-09-12 04:30</up-td>
        </up-tr>
        <up-tr>
            <up-th>作业影响范围</up-th>
            <up-td>渝贵场12-23股道</up-td>
        </up-tr>
        <up-tr>
            <up-th>作业时间</up-th>
            <up-td>4小时</up-td>
        </up-tr>

        <!-- <up-cell-group>
            <up-cell
                title="作业名称"
                value="重庆西 站 上水、静态、灯具 设备维修作业"
            ></up-cell>
            <up-cell title="开始时间" value="2025-01-01"></up-cell>
            <up-cell title="结束时间" value="2025-01-01"></up-cell>
            <up-cell title="作业影响范围" value="渝贵场12-23股道"></up-cell>
            <up-cell title="施工时间" value="2小时"></up-cell>
        </up-cell-group>
        <view class="baseinfo-box">
            <view class="baseinfo-item">
                <view class="label">作业名称</view>
                <view class="value">重庆西站 上水、静态、灯具 设备维修作业</view>
            </view>
            <view class="baseinfo-item">
                <view class="label">开始时间</view>
                <view class="value">2025-01-01</view>
            </view>
        </view> -->
        <!-- <up-table class="manb20">
            <up-tr>
                <up-th>作业名称</up-th>
                <up-th>开始时间</up-th>
                <up-th>结束时间</up-th>
                <up-th>作业影响范围</up-th>
            </up-tr>
            <up-tr v-for="item in data.emps">
                <up-td>{{ item.name }}</up-td>
                <up-td>{{ item.start }}</up-td>
                <up-td>{{ item.end }}</up-td>
                <up-td>{{ item.addr }}</up-td>
            </up-tr>
        </up-table> -->
        <TabStep :haveLeft="false" @rightClick="onRightClick"></TabStep>
    </view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import TabStep from './TabStep.vue';
import YNavbar from '@/components/YNavbar/index.vue';

const data = reactive({
    emps: [
        {
            name: '重庆西 站 上水、静态、灯具 设备维修作业',
            start: '2025-01-01',
            end: '2025-01-01',
            addr: '渝贵场12-23股道',
        },
        // {
        //     role: '作业',
        //     name: '李四',
        //     phone: '12345678901',
        // },
    ],
});

const onRightClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step1',
    });
};
</script>

<style lang="scss">
.step0-box {
    .u-tr {
        border-bottom: 1px solid #d6d7d9;
    }
    .u-td {
        padding: 20rpx;
    }
    .u-th {
        align-items: center;
    }
}
</style>
